<template>
	<el-row :gutter="20">
		<el-col :span="10">
			<div class="grid-content bg-purple">
				<div class="top-title">
					<b></b>
					<span class="title">明星教师</span>
				</div>
				<div class="teacher">
					<Teacher></Teacher>
				</div>
			</div>
		</el-col>
		<el-col :span="14">
			<div class="grid-content bg-purple">
				<div class="top-title">
					<b></b>
					<span class="title">教育头条</span>
				</div>
				<div class="news-edu">
					<NewsEdu></NewsEdu>
				</div>
			</div>
		</el-col>
	</el-row>
</template>

<script>
import Teacher from "./Teacher.vue";
import NewsEdu from "./NewsEdu.vue";
export default {
	name: "SectionFour",
	components: {
		Teacher,
		NewsEdu,
	},
};
</script>

<style lang="less" scoped>
.grid-content {
	height: 450px;
}
</style>
<style>
.grid-content .el-table td,
.grid-content .el-table th.is-leaf,
.grid-content .el-table--border,
.grid-content .el-table--group {
	border: none;
	cursor: pointer;
}
.grid-content .el-table::before {
	height: 0;
}
</style>
